<template>
	<view class="content">
		<view class="head">
			<navigator class="user" url="/pages/userinfo/userinfo">
				<image src="../../static/img/user.png"></image>
				张三三
			</navigator>
			<navigator url="/pages/recordmeal/recordmeal">
				<image src="../../static/img/order.png"></image>
			</navigator>
		</view>
		<!-- <indexhead></indexhead> -->
		<view class="title">
			扫码用餐
			<image src="../../static/img/line.png"></image>
		</view>
		<view class="scan"></view>
		<button>店内用餐</button>
		<button>外送</button>
	</view>
</template>

<script>
	import indexhead from '../../components/whh/head'
	export default {
		components:{
			indexhead
		},
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style scoped>
	.content {
		background-image: linear-gradient(#6063DB, #759AF8);
		height: 100vh;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.head {
		display: flex;
		width: 90%;
		justify-content: space-between;
		color: #fff;
		margin-top: 10px;
	}

	.head image {
		width: 35rpx;
		height: 37rpx;
	}

	.user image {
		margin-right: 6px;
		vertical-align: bottom;
	}

	.title {
		font-size: 60rpx;
		font-family: Adobe Heiti Std;
		font-weight: normal;
		color: #FFFFFF;
		margin-top: 100rpx;
		text-shadow: 0px 3px 13px rgba(0, 0, 0, 0.6);
	}

	.title image {
		width: 207rpx;
		height: 22rpx;
		display: block;
		margin-top: 10px;
	}

	.scan {
		margin-top: 20px;
		width: 646rpx;
		height: 646rpx;
		background: url(../../static/img/card.png) center;
		background-size: cover;
	}

	button {
		width: 558rpx;
		height: 100rpx;
		text-align: center;
		line-height: 100rpx;
		background: #FFFEFF;
		box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.6);
		border-radius: 10px;
        font-size:40rpx;
		color: #6C83ED;
		margin-top: 20px;
	}
</style>
